<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>莲菜网</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
    <script src="js/flexible.js"></script>
    <script src="js/flexible_css.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet " type="text/css " href="css/globle.css " />
    <link rel="stylesheet " type="text/css " href="css/category.css " />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <script src='js/jquery.js'></script>

</head>

<body>
    <div id="search-info" class="clearfix">
        <a href="" id="logo" onclick="history.back()"><i class="fa fa-angle-left"></i></a>
        <div class="search-box">
            <input type="text" name="" placeholder="请输入您想要的食材">
            <span class="search-pic"><img src="images/ic_top_search.png" alt=""></span>
        </div>

    </div>

    <h2>食材分类</h2>
    <!--分类-->
    <div class="classify">

        <a href="">
            <dd><img src="images/menu1.png" alt=""></dd>
            <dt>新品区</dt>
        </a>
        <a href="">
            <dd><img src="images/menu2.png" alt=""></dd>
            <dt>冷链坊</dt>
        </a>
        <a href="">
            <dd><img src="images/menu3.png" alt=""></dd>
            <dt>酒莲坊</dt>
        </a>
        <a href="">
            <dd><img src="images/menu4.png" alt=""></dd>
            <dt>特惠火锅季</dt>
        </a>
        <a href="">
            <dd><img src="images/menu5.png" alt=""></dd>
            <dt>米面粮油</dt>
        </a>
        <a href="">
            <dd><img src="images/menu6.png" alt=""></dd>
            <dt>鲜肉类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu7.png" alt=""></dd>
            <dt>蔬菜类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu8.png" alt=""></dd>
            <dt>调料类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu9.png" alt=""></dd>
            <dt>豆制品</dt>
        </a>
        <a href="">
            <dd><img src="images/menu10.png" alt=""></dd>
            <dt>全部分类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu4.png" alt=""></dd>
            <dt>特惠火锅季</dt>
        </a>
        <a href="">
            <dd><img src="images/menu5.png" alt=""></dd>
            <dt>米面粮油</dt>
        </a>
        <a href="">
            <dd><img src="images/menu6.png" alt=""></dd>
            <dt>鲜肉类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu7.png" alt=""></dd>
            <dt>蔬菜类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu8.png" alt=""></dd>
            <dt>调料类</dt>
        </a>
        <a href="">
            <dd><img src="images/menu9.png" alt=""></dd>
            <dt>豆制品</dt>
        </a>
        <a href="">
            <dd><img src="images/menu10.png" alt=""></dd>
            <dt>全部分类</dt>
        </a>
    </div>





    <!--底部-->
    <div id="bottom-bar">
        <div class="login-state">
            <a href="">你尚未登录莲菜网，食材价格以登录后为准</a>
        </div>
        <div class="bottom-menu">
            <a href="index.html">
                <p><i class="fa fa-home"></i></p>
                <p>首页</p>
            </a>
            <a href="category.html" class="active">
                <p><i class="fa fa-th-list"></i></p>
                <p>分类</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-star-o"></i></p>
                <p>收藏</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-shopping-cart"></i></p>
                <p>购物车</p>
            </a>
            <a href="collect.html">
                <p><i class="fa fa-male"></i></p>
                <p>我的店铺</p>
            </a>
        </div>
    </div>
</body>

</html>